<template>
  <h2>{{counter}}</h2>
  <button @click="add">+</button>

  <hello message="呵呵呵" @increment="getCounter"></hello>
</template>

<script setup>
  import {ref} from "vue";
  import Hello from "@/08_setup顶层编写/Hello";
  const counter = ref(0);
  const add = () => counter.value++;

  const getCounter = (payload)=> {
    console.log(payload);
  }

</script>

<style scoped>

</style>